 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta http-equiv="Cache-Control" content="No-Cache">
	<meta http-equiv="Pragma" content="No-Cache">

	<title>운세의 신</title>

	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
	<script type="text/javascript">
		$(document).ready(function() {
			$("#game_type").change(function() {
				var className = $(this).val();
				$("#player option").remove();
				$("#player_tmp option[class="+className+"]").each(function(index) {
					$(this).clone().appendTo($("#player"));
				});
			});
		});
	</script>
	
</head>
<body>
<select name="game_type" id="game_type" title="종목을 선택하세요">
	<option value="">종목</option>
	<option value="modern5">근대5종</option>
	<option value="basketball">농구</option>
	<option value="wrestling">레슬링</option>
	<option value="volleyball">배구</option>
	<option value="badminton">배드민턴</option>
	<option value="boxing">복싱</option>
	<option value="shooting">사격</option>
	<option value="cycling">사이클</option>
	<option value="swimming">수영</option>
	<option value="equestrian">승마</option>
	<option value="archery">양궁</option>
	<option value="weightlifting">역도</option>
	<option value="sailing">요트</option>
	<option value="judo">유도</option>
	<option value="athletics">육상</option>
	<option value="rowing">조정</option>
	<option value="gymnastics">체조</option>
	<option value="football">축구</option>
	<option value="canoe">카누</option>
	<option value="tabletennis">탁구</option>
	<option value="taekwondo">태권도</option>
	<option value="tennis">테니스</option>
	<option value="triathlon">트라이애슬론</option>
	<option value="fencing">펜싱</option>
	<option value="hockey">하키</option>
	<option value="handball">핸드볼</option>
</select>

<select name="player" id="player" title="선수를 선택하세요">
	<option value="">종목을 먼저 선택하세요</option>
</select>

<!--
	종목은 class에
	선수는 value에 넣으시면 됩니다.
-->
<select id="player_tmp" style="display: none">
	<option class="" value="">종목을 먼저 선택하세요</option>
	<option class="modern5" value="1">김태희</option>
	<option class="modern5" value="2">수지</option>
	<option class="basketball" value="3">장동건</option>
	<option class="basketball" value="4">고소영</option>
	<option class="swimming" value="5">이연희</option>
	<option class="swimming" value="6">장미란</option>
	<option class="swimming" value="7">박태환</option>
	<option class="badminton" value="8">김민희</option>
	<option class="badminton" value="9">배용준</option>
	<option class="gymnastics" value="10">여홍철</option>
	<option class="gymnastics" value="11">김가롱</option>
	<option class="gymnastics" value="12">조셉별</option>
</select>


</body>
</html>
